<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
   <input type="file" name="" id="">
   <img src="" alt="" id="preview">
</body>
<script>
  // 获取元素
const ipt = document.querySelector("input");
const preview = document.querySelector("#preview");

ipt.onchange = function(e) {
  // 创建一个流式数据读取器
  const reader = new FileReader();
  reader.onload = function(e) {
    // 读取转换后的图片数据
    console.log(e.target.result);
    // 预览
    preview.src = e.target.result;
    // 这里可以进行ajax操作
  }
  reader.readAsDataURL(this.files[0]);
}
</script>
</html>